import React from 'react';
import { Flex, Layout } from 'antd';
import adImg from '@/assets/images/ad.jpg';
import logo from '@/assets/images/logo.jpg';
import LoginBody from '@/components/Login';
const { Header, Footer, Sider, Content } = Layout;
export default function Login() {
  const headerStyle: React.CSSProperties = {
    height: 80,
    backgroundColor: '#fff',
    display:'flex',
    lineHeight: "initial",
    alignItems:'center',
    padding:'20px'
     
  };
  const layoutStyle: React.CSSProperties = {
  
    width: '100%',
    minWidth: '1190px',
    padding:0,
    display:'flex',
    backgroundColor: '#f7f5f5',

    
  };
  const contentStyle: React.CSSProperties = {
     display:'flex',
     justifyContent:'center',
     alignItems:'center',
    minHeight: 'calc(100vh - 200px)',
    padding:30,
    boxSizing:'border-box',
    minWidth:'1190px'
  };
  
const footerStyle: React.CSSProperties = {
  height: 100,
  backgroundColor: '#fff',
  padding:0,
  display:'flex',
  justifyContent:'center',
  alignItems:'center'
};
const bodyStyle: React.CSSProperties = {
 
   width:'1190px',
  display:'flex',

 
};
const imgDivStyle: React.CSSProperties={
  flex:1,
   background:'red'
}
const imgStyle: React.CSSProperties={
   width:'100%',
   height:'100%',
   display:'block'
  
}
const loginStyle: React.CSSProperties={
  width:450,
  height:470,
  backgroundColor:'#fff',
  padding:'30px 0px',
  boxSizing:'border-box',
  marginLeft:'30px'
   
}
const logoStyle: React.CSSProperties={
 
  height:50
   
   
}
  return (
    <Layout style={layoutStyle}>
      <Header style={headerStyle}>
        
         <img src={logo} alt="logo" style={logoStyle}/>
      </Header>
      <Content style={contentStyle}>
        
           <div style={bodyStyle}>
             
               <div style={imgDivStyle}>
                  <img style={imgStyle} src={adImg} alt="logo" />
               </div>
               <div style={loginStyle}>
                <LoginBody />

               </div>

               
           </div>

      </Content>
      <Footer style={footerStyle}>北京乐宁科技@2023 京ICP备17033472号-4</Footer>
    </Layout>
  );
}